<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="head">
    <link rel="shortcut icon" href="/icon/snow.ico" type="image/x-icon" />

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="author" content="AONOSORA">

    <meta name="description" content="今生今世轮回尽, 来世愿为幻想乡">
    <title>先知游戏</title>
    <!-- inject:style -->

    <link href="/css/tale/front/style.min.css" rel="stylesheet" type="text/css">
    <link href="/css/style.css" rel="stylesheet" type="text/css">
    <!-- endinject -->
    <style>
        .cube-loading {
            top: 0;
            position: fixed;
            width: 100%;
            height: 100%;
            background: url('/images/lg/loading.gif') no-repeat center center;
            background-color: rgba(0,0,0,.7);
        }

        .cube-loading.out {
            display: none;
        }

        .cube-loading:before {
            display: block;
            content: '加载中';
            position: relative;
            width: 100%;
            top: 50%;
            right: -50%;
            color: #fff;
        }

        @media(max-width: 768px) {
            .cube-loading:before {
                font-size: 1.2em;
                transform: translate(-24px,20px);
                -webkit-transform: translate(-24px,20px);
                -o-transform: translate(-24px,20px);
                -ms-transform: translate(-24px,20px);
            }
        }

        @media(min-width: 768px) {
            .cube-loading:before {

            }
        }
    </style>

</head>
<body>
<div class="cube-body" th:fragment="menu">
    <nav id="cube-top-memu" class="cube-menu">
        <ul class="cube-menu-collapse">

            <li>
                <i class="cube-icon cube-icon-home" aria-hidden="true"></i>
                <a href="/">首页</a>
            </li>

            <li>
                <i class="cube-icon cube-icon-archive" aria-hidden="true"></i>
                <a href="/archive">归档</a>
            </li>

            <li>
                <i class="cube-icon cube-icon-categories" aria-hidden="true"></i>
                <a href="/category">分类</a>
            </li>


            <li>
                <i class="cube-icon cube-icon-about" aria-hidden="true"></i>
                <a href="/about">关于我</a>
            </li>

        </ul>
    </nav>
    <nav class="cube-side-menu" id="cube-side-menu">
        <ul class="cube-menu-list">

            <li>
                <a class="lrc-control">开启歌词</a>
            </li>

            <li>
                <a class="scroll-to-top">回到顶部</a>
            </li>
        </ul>
    </nav>
    <header class="cube-header" id="cube-header">
        <img src=" http://cube-1252774894.cosgz.myqcloud.com/background.jpg " alt="头部背景图片">

        <div class="cube-type">
            <span class="cube-typed-title">游戏先知</span>
            <span class="cube-typed-cursor">|</span>
        </div>

    </header>

    <style>
        nav.cube-menu:before {
            content: '';
            visibility: hidden;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 44px;

            filter: blur(5px);
             -webkit-filter: blur(5px);

            z-index: -1;
            background-image: url('http://cube-1252774894.cosgz.myqcloud.com/background.jpg');
            background-repeat: no-repeat;
            background-position: center -256px;
            background-size: cover;
            background-color: transparent;
        }

        header.cube-background.cube-header-background {
            visibility: hidden;
            background-image: url('http://cube-1252774894.cosgz.myqcloud.com/background.jpg');
            background-position: center -300px;
        }
    </style>
    <header class="cube-background cube-header-background">

        <div class="cube-type">
            <span class="cube-typed-title">游戏先知</span>
            <span class="cube-typed-cursor">|</span>
        </div>

    </header>
    <div class="load-header-background"></div>
    <script>
        (function (window) {

            window.headerModule = {}
            window.headerModule.image = {
                width: '1920',
                height: '1080'
            }

        })(window)
    </script>

</div>

</body>
</html>